<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>
        <title>SRH</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </h:head> 
    <h:body>
        <!-- 
        
        DialogBox con efectos
        
        !-->
        <h:form>
            <h:panelGrid   columns="2" >
                <p:dialog header="Effects" widgetVar="dlg3" showEffect="explode" hideEffect="bounce" height="100">



                    <p:outputLabel value="CEDULA_IDEN :"/>
                    <p:inputMask id="phone" value="#{maskView.phone}" mask="999-9999999-9"/>
                    <p:outputLabel value="NOMBRE :"></p:outputLabel>
                    <p:inputText  maxlength="32" value=""></p:inputText>

                    <p:outputLabel value="APELLIDO 1 :" ></p:outputLabel>  
                    <p:inputText maxlength="32" value=""></p:inputText>
                    <p:outputLabel value="APELLIDO 2 :"></p:outputLabel>
                    <p:inputText  maxlength="32" value=""></p:inputText>
                    <p:outputLabel value="SEXO :" ></p:outputLabel>
                    <p:selectOneButton value="#{selectOneView.option}">
                        <f:selectItem itemLabel="M" itemValue="MASCULINO" />
                        <f:selectItem itemLabel="F" itemValue="FEMENINO" />

                    </p:selectOneButton>

                    <p:outputLabel value="ESTADO CIVIL :"></p:outputLabel>
                    <p:selectOneMenu>
                        <f:selectItem itemLabel="CASADO"  itemValue="0" />
                        <f:selectItem itemLabel="SOLTERO" itemValue="1" />

                    </p:selectOneMenu>
                    <p:outputLabel value="NACIMIENTO :" ></p:outputLabel>
                    <p:calendar id="mask" value="#{cal}" pattern="dd-MM-yyyy" />
                    <p:outputLabel value=" DIRECCION :"></p:outputLabel>
                    <p:inputText  maxlength="32" value=""></p:inputText>
                    <p:outputLabel value="ESTAURA :"></p:outputLabel>
                    <p:spinner min="3.0" max="7.0"></p:spinner>

                    <p:spacer/><p:spacer/>
                    <p:commandButton action="#{empleados.save()}" value="Guardar"
                                     icon="ui-icon-disk" ajax="true">			
                    </p:commandButton>
                    <p:commandButton action="#{abbArticulos.edit}" value="Cancelar"
                                     icon="ui-icon-cancel" ajax="true">			
                    </p:commandButton></p:dialog>


            </h:panelGrid>
        </h:form> 




        <h:form >
            <p:tabMenu  activeIndex="#{param.id}"  >
                <p:menuitem value="SIRH"  icon="ui-icon-document">
                    <f:param name="id" value="1" />
                </p:menuitem>
                <p:menuitem value="Personal"  icon="ui-icon-search">
                    <f:param name="id" value="2" />
                </p:menuitem>
                <p:menuitem value="Documentation" icon="ui-icon-document">
                    <f:param name="id" value="3" />
                </p:menuitem>
                <p:menuitem value="Support"  icon="ui-icon-wrench">
                    <f:param name="id" value="4" />
                </p:menuitem>
                <p:menuitem value="Social"  icon="ui-icon-person">
                    <f:param name="id" value="5" />
                </p:menuitem>
                <div id="right">
                    <p:spacer></p:spacer>
                    <h:form>

                        <p:growl id="messages" />


                        <p:splitButton value="Welcome Mr,#{loginBean.uname}"
                                       actionListener="#{buttonBean.save}" update="messages"
                                       icon="ui-icon-gear">
                            <p:menuitem icon="ui-icon-clock">
                                <p:clock mode="server" />
                            </p:menuitem>
                            <p:menuitem value="Configurar Cuentas"
                                        actionListener="#{buttonBean.update}" update="messages"
                                        icon="ui-icon-gear" />
                            <p:menuitem value="Configurar Sitesma"
                                        actionListener="#{buttonBean.delete}" ajax="false"
                                        icon="ui-icon-gear" />
                            <p:menuitem value="Politicas de privacidad"
                                        actionListener="#{buttonBean.delete}" ajax="false"
                                        icon="ui-icon-help" />

                            <p:separator />
                            <p:menuitem value="Salir" action="#{loginBean.logout()}"
                                        icon="ui-icon-extlink" />
                        </p:splitButton>

                    </h:form>


                </div>
            </p:tabMenu>

        </h:form>


        <c:choose >

            <c:when test="#{param.id == '1'}"> 

                <div id="left">
                    <ui:insert name="left">


                    </ui:insert>
                </div>

                <div id="content" class="left_content">
                    <ui:insert name="content">
                       
                        </h:form>
                    </ui:insert>
                </div>
            </c:when>     
        </c:choose>

    </h:body>
</html>

